<!DOCTYPE HTML>
<html>
<head>
    <title>.:: Babosarang renewal ::.</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <script type="text/javascript" language="javascript" src="js/jquery.js"></script>
    <script type="text/javascript" language="javascript" src="js/html5.js"></script>
    <script type="text/javascript" language="javascript" src="js/jquery.banner.js"></script>
    <script type="text/javascript" language="javascript" src="js/jcarousellite.js"></script>
    <script type="text/javascript" language="javascript" src="js/common.js"></script>
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/shop.css" />
    <link rel="shortcut icon" href="img/favicon.ico" />
    <script type="text/javascript">
        $(document).ready(function(){
            // event banner rolling image
            $("#event_banner_roll").jCarouselLite({
                visible: 3,
                auto: 5000,
                speed: 1000,
                btnPrev: ".btnprev",
                btnNext: ".btnnext"
            }); 
        });
    </script>
</head>
<body>
    <header>
        <div class="container"><img src="img/header.jpg" /></div>
    </header>
    <article>
        <div class="container">
            <!-- Begin: Breadcrumb -->
            <dl class="breadcrumb mgb20">
                <span class="home"></span>홈<span class="cursor"></span><strong>SALE</strong>
            </dl>
            <!-- End: Breadcrumb -->
            
            <div id="sale">
                <!-- Begin: Top Button -->
                <div class="topmenu">
                    <ul>
                        <li>
                            <a onmouseover="MM_swapImage('m_sale1','','img/common/txt_sale_range_01_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#">
                                <img id="m_sale1" alt="전체 이벤트" src="img/common/txt_sale_range_01.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_sale2','','img/common/txt_sale_range_02_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_sale2" alt="70% 이상" src="img/common/txt_sale_range_02.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_sale3','','img/common/txt_sale_range_03_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_sale3" alt="50% ~ 70%" src="img/common/txt_sale_range_03.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_sale4','','img/common/txt_sale_range_04_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_sale4" alt="50% ~ 30%" src="img/common/txt_sale_range_04.gif" />
                            </a>
                        </li>
                        <li>
                            <a onmouseover="MM_swapImage('m_sale5','','img/common/txt_sale_range_05_on.gif',1)" onmouseout="MM_swapImgRestore()" href="#" href="#">
                                <img id="m_sale5" alt="~ 30% 미만" src="img/common/txt_sale_range_05.gif" />
                            </a>
                        </li>
                    </ul>
                </div>
                <!-- Begin: Top Button -->
                
                <!-- Begin: Top Div -->
                <div class="topdiv">
                    <div class="leftmenu">
                        <div class="nm">
                            <img src="img/common/txt_sale_top_left.gif">
                        </div>
                        <ul class="navi">
                            <li><a href="#" title="전체보기"><strong>전체보기</strong></a></li>
                            <li><a href="#" title="디자인문구">디자인문구</a></li>
                            <li><a href="#" title="여행/취미">여행/취미</a></li>
                            <li><a href="#" title="홈/인테리어">홈/인테리어</a></li>
                            <li><a href="#" title="키친/리빙">키친/리빙</a></li>
                            <li><a href="#" title="뷰티/패션">뷰티/패션</a></li>
                            <li><a href="#" title="GIFT">GIFT</a></li>
                        </ul>
                    </div>
                    <div class="banner">
                        <div class="inner">
                            <div class="rolling">
                                <div class="btnprev"><img src="img/common/btn_prev.gif" /></div>
                                <div id="event_banner_roll">
                                    <ul>
                                        <li><a href="#"><img src="img/banner/sale_img_01.jpg" /></a></li>
                                        <li><a href="#"><img src="img/banner/sale_img_02.jpg" /></a></li>
                                        <li><a href="#"><img src="img/banner/sale_img_03.jpg" /></a></li>
                                    </ul>
                                </div>
                                <div class="btnnext"><img src="img/common/btn_next.gif" /></div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End: Top Div -->
                
                <!-- Begin: Tabs Div, Sort -->
                <div class="tabs">
                    <a class="on" href="#">전체상품</a>
                    <a href="#">높은 할인율 순</a>
                    <a href="#">낮은 할인율 순</a>
                    <a href="#">낮은 가격 순</a>
                    <a href="#">높은 가격 순</a>
                </div>
                <table class="sort">
                    <colgroup>
                        <col width="270" />
                        <col width="*" />
                    </colgroup>
                    <tbody>
                        <tr height="42">
                            <td class="order">
                                <a href="#"><img src="img/common/btn_sort_sell.gif" /></a>
                                <a href="#"><img src="img/common/btn_sort_new_on.gif" /></a>
                            </td>
                            <td class="view">
                                <select onchange="" class="mgr5">
                                    <option value="32">32개 정렬</option>
                                    <option value="64">64개 정렬</option>
                                    <option value="96">96개 정렬</option>
                                </select>
                                <a href="#"><span class="lstview lstview-f"></span></a>    <!-- view full   -->
                                <a href="#"><span class="lstview lstview-l"></span></a>    <!-- view large  -->
                                <a href="#"><span class="lstview lstview-m"></span></a>    <!-- view medium -->
                                <a href="#"><span class="lstview lstview-s on"></span></a> <!-- view small  -->
                            </td>
                        </tr>
                    </tbody>
                </table>
                <!-- End: Tabs Div, Sort -->
                
                <!-- Begin: List Sale Product -->
                <div class="item">
                    <ul class="list">
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="startln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li>
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="endln">
                            <dl>
                                <div class="photo">
                                    <a href="#"><img src="img/product/sale_img_150px.jpg" /></a>
                                </div>
                                <div class="icons">
                                    <img src="img/icon/sale.gif" />
                                    <img src="img/icon/new.gif" />
                                    <div class="sale"><span>40<em>%</em></span></div>
                                </div>
                                <div class="info">
                                    <a class="brand" href="#">[아리아스]</a>
                                    <a class="name" href="#">하와이안 흔들흔들마스코트 샤프</a>
                                </div>
                                <div class="price">
                                    <span class="n1">99,000원</span>
                                    <span class="n2">59,000원</span>
                                </div>
                            </dl>
                        </li>
                        <li class="clear"></li>
                    </ul>
                </div>
                <!-- End: List Sale Product -->
                
                <!-- Begin: Pagination -->
                <table class="page-control">
                    <colgroup>
                        <col width="100" />
                        <col width="*" />
                        <col width="100" />
                    </colgroup>
                    <tbody>
                        <tr height="37">
                            <td class="prev">
                                <a href="#"><img src="img/common/btn_prev_page.gif" /></a>
                            </td>
                            <td class="form">
                                <input type="text" name="" value="10" /><span class="mgl15 mgr10">/   총 23 페이지</span><a href=""><img src="img/common/btn_page_move.gif" /></a>
                            </td>
                            <td class="next">
                                <a href="#"><img src="img/common/btn_next_page.gif" /></a>
                            </td>
                        </tr>
                    </tbody>
                </table>
                <div class="pagination">
                    <ul>
                        <li class="first"><a href="#">처음</a></li>
                        <li><a href="#">&lt;</a></li>
                        <li class="active"><a href="#">1</a></li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                        <li><a href="#">5</a></li>
                        <li><a href="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">8</a></li>
                        <li><a href="#">9</a></li>
                        <li><a href="#">10</a></li>
                        <li><a href="#">&gt;</a></li>
                        <li class="last"><a href="#">끝</a></li>
                    </ul>
                </div>
                <!-- End: Pagination -->
            </div>
            
            <br/><br/><br/><br/><br/>
        </div>
    </article>
    <footer>
        <div class="container"><img src="img/footer.jpg" /></div>
    </footer>
</body>
</html>